$(function(){
    var index = 0;
    var timer;
    $(".next").click(function(){
        index++;
        if(index>7){
            index=0;
        }
        $(".banner img").eq(index).fadeIn().siblings().fadeOut();
        $(".btn-group span").eq(index).addClass("current").siblings().removeClass("current");
    })
    $(".prev").click(function(){
        index--;
        if(index<0){
            index=7;
        }
        $(".banner img").eq(index).fadeIn().siblings().fadeOut();
        $(".btn-group span").eq(index).addClass("current").siblings().removeClass("current");
    })
    $(".btn-group span").click(function(){
        let i=$(this).index();
        console.log(i);
        index=i;
        $(".banner img").eq(index).fadeIn().siblings().fadeOut();
        $(".btn-group span").eq(index).addClass("current").siblings().removeClass("current");
    })
    function play(){
        timer = setInterval(function(){
            $(".next").click()
        },2000)
    }
    function stop(){
        clearInterval(timer)
    }
    $(".banner").mouseover(function(){
        stop();
    })
    $(".banner").mouseout(function(){
        play();
    })
    play();
})